.widget {
    .dropdown-toggle {
        color: #fff;
        padding: 10px 16px;
        position: relative;
        display: inline-block;

        &:after {
            content: unset;
        }

        .badge {
            position: absolute;
            top: 5px;
            font-size: 9px;
        }
    }

    .dropdown-menu {
        --bs-dropdown-link-active-color: #{$dropdown-link-active-color};
        --bs-dropdown-link-active-bg: #{$dropdown-link-active-bg};
        --bs-dropdown-link-hover-bg: #{$dropdown-link-hover-bg};
        --bb-widget-border-color: #{$widget-border-color};
        overflow: visible;
        padding: 0;
        max-height: none;
        border: none;

        .dropdown-arrow {
            border-style: solid;
            border-width: 0 9px 9px;
            position: absolute;
            left: calc(50% - 9px);
            top: -9px;
        }
    }

    .dropdown-header {
        color: #fff;
        padding: 0.5rem 0.625rem;
        border-radius: var(--bs-border-radius) var(--bs-border-radius) 0 0;
    }

    .dropdown-body {
        overflow: auto;
        max-height: 300px;
        border-left: 1px solid var(--bb-widget-border-color);
        border-right: 1px solid var(--bb-widget-border-color);
    }

    .dropdown-footer {
        padding: 0.5rem 0.625rem;
        background-color: var(--bb-widget-border-color);
        border-radius: 0 0 var(--bs-border-radius) var(--bs-border-radius);
    }

    .dropdown-item {
        &:not(:last-child) {
            border-bottom: 1px solid var(--bb-widget-border-color);
        }

        &:nth-of-type(odd) {
            background-color: #eef0f3;
        }
    }
}
